<div data-v-a72aa574="" class="el-card is-always-shadow" style=""><!---->
    <div class="el-card__body" style="">
        <form data-v-a72aa574="" class="el-form" style="">
            <div data-v-a72aa574="" class="el-row" style="margin-left: -12px; margin-right: -12px;">
                <div data-v-a72aa574=""
                     class="el-col el-col-24 el-col-xs-24 el-col-sm-24 el-col-md-12 el-col-lg-12 el-col-xl-10"
                     style="padding-left: 12px; padding-right: 12px;">
                    <div data-v-a72aa574="" class="el-form-item is-required el-form-item--small">
                        <label for="store_name" class="el-form-item__label" style="width: 130px;">商品名称：</label>
                        <div class="el-form-item__content" style="margin-left: 130px;">
                            <div data-v-a72aa574="" class="el-input el-input--small">
                                <input type="text" autocomplete="off"
                                       placeholder="请输入商品名称" class="el-input__inner">
                            </div>
                        </div>
                    </div>
                </div>
                <div data-v-a72aa574=""
                     class="el-col el-col-24 el-col-xs-24 el-col-sm-24 el-col-md-12 el-col-lg-12 el-col-xl-10"
                     style="padding-left: 12px; padding-right: 12px;">
                    <div data-v-a72aa574="" class="el-form-item el-form-item--small"><label class="el-form-item__label"
                                                                                            style="width: 130px;">商品关键字：</label>
                        <div class="el-form-item__content" style="margin-left: 130px;">
                            <div data-v-a72aa574="" class="el-input el-input--small"><!----><input type="text"
                                                                                                   autocomplete="off"
                                                                                                   placeholder="请输入商品关键字"
                                                                                                   class="el-input__inner">
                                <!----><!----><!----><!----></div><!----></div>
                    </div>
                </div>
                <div data-v-a72aa574=""
                     class="el-col el-col-24 el-col-xs-24 el-col-sm-24 el-col-md-12 el-col-lg-12 el-col-xl-10"
                     style="padding-left: 12px; padding-right: 12px;">
                    <div data-v-a72aa574="" class="el-form-item el-form-item--small">
                        <label for="" class="el-form-item__label"
                               style="width: 130px;">商品简介：</label>
                        <div class="el-form-item__content" style="margin-left: 130px;">
                            <div data-v-a72aa574="" class="el-textarea el-input--small">
                                <textarea autocomplete="off" rows="3"
                                          placeholder="请输入商品简介"
                                          class="el-textarea__inner"
                                          style="min-height: 32px;">

                                </textarea>
                            </div>
                        </div>
                    </div>
                </div>
                <div data-v-a72aa574="" class="el-col el-col-24" style="padding-left: 12px; padding-right: 12px;">
                    <div data-v-a72aa574="" class="el-form-item el-form-item--small">
                        <label class="el-form-item__label"
                               style="width: 130px;">商品封面图：</label>
                        <div class="el-form-item__content" style="margin-left: 130px;">
                            <div data-v-c9248516="" data-v-a72aa574="">
                                <div data-v-c9248516="" tabindex="0" class="el-upload el-upload--picture-card"
                                     style="width: 150px; height: 150px; line-height: 150px;"><i data-v-c9248516=""
                                                                                                 class="el-icon-plus"></i>
                                </div>
                                <div data-v-c9248516="" class="el-dialog__wrapper" style="display: none;">
                                    <div role="dialog" aria-modal="true" aria-label="dialog" class="el-dialog"
                                         style="margin-top: 15vh; width: 35%;">
                                        <div class="el-dialog__header"><span class="el-dialog__title"></span>
                                            <button type="button" aria-label="Close" class="el-dialog__headerbtn"><i
                                                    class="el-dialog__close el-icon el-icon-close"></i></button>
                                        </div>
                                    </div>
                                </div>
                                <div data-v-c9248516="" class="el-dialog__wrapper" style="display: none;">
                                    <div role="dialog" aria-modal="true" aria-label="图片素材库" class="el-dialog"
                                         style="margin-top: 15vh; width: 70%;">
                                        <div class="el-dialog__header"><span class="el-dialog__title">图片素材库</span>
                                            <button type="button" aria-label="Close" class="el-dialog__headerbtn"><i
                                                    class="el-dialog__close el-icon el-icon-close"></i></button>
                                        </div><!---->
                                        <div class="el-dialog__footer"><span data-v-c9248516="" class="dialog-footer"><button
                                                data-v-c9248516="" type="button"
                                                class="el-button el-button--default el-button--small"><!---->
                                            <!----><span>取 消</span></button> <button data-v-c9248516="" type="button"
                                                                                     class="el-button el-button--primary el-button--small"><!---->
                                            <!----><span>确 定</span></button></span></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div data-v-a72aa574="" class="el-col el-col-24" style="padding-left: 12px; padding-right: 12px;">
                    <div data-v-a72aa574="" class="el-form-item el-form-item--small"><label
                            class="el-form-item__label"
                            style="width: 130px;">商品轮播图：</label>
                        <div class="el-form-item__content" style="margin-left: 130px;">
                            <div data-v-1c9bbdc3="" data-v-a72aa574="">
                                <div data-v-1c9bbdc3="" tabindex="0" class="el-upload el-upload--picture-card"
                                     style="width: 150px; height: 150px; line-height: 150px;"><i data-v-1c9bbdc3=""
                                                                                                 class="el-icon-plus"></i>
                                </div>
                                <div data-v-1c9bbdc3="" class="el-dialog__wrapper" style="display: none;">
                                    <div role="dialog" aria-modal="true" aria-label="dialog" class="el-dialog"
                                         style="margin-top: 15vh; width: 35%;">
                                        <div class="el-dialog__header"><span class="el-dialog__title"></span>
                                            <button type="button" aria-label="Close" class="el-dialog__headerbtn"><i
                                                    class="el-dialog__close el-icon el-icon-close"></i></button>
                                        </div><!----><!----></div>
                                </div>
                            </div><!----></div>
                    </div>
                </div>
                <div data-v-a72aa574="" class="el-col el-col-24" style="padding-left: 12px; padding-right: 12px;">
                    <div data-v-a72aa574="" class="el-form-item el-form-item--small" props="spec_type"><label
                            class="el-form-item__label" style="width: 130px;">商品规格：</label>
                        <div class="el-form-item__content" style="margin-left: 130px;">
                            <div data-v-a72aa574="" role="radiogroup" class="el-radio-group"><label data-v-a72aa574=""
                                                                                                    role="radio"
                                                                                                    aria-checked="true"
                                                                                                    tabindex="0"
                                                                                                    class="el-radio radio is-checked"><span
                                    class="el-radio__input is-checked"><span class="el-radio__inner"></span><input
                                    type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="0"></span><span
                                    class="el-radio__label">单规格<!----></span></label> <label data-v-a72aa574=""
                                                                                             role="radio" tabindex="-1"
                                                                                             class="el-radio"><span
                                    class="el-radio__input"><span class="el-radio__inner"></span><input type="radio"
                                                                                                        aria-hidden="true"
                                                                                                        tabindex="-1"
                                                                                                        class="el-radio__original"
                                                                                                        value="1"></span><span
                                    class="el-radio__label">多规格<!----></span></label></div><!----></div>
                    </div>
                </div>
                <div data-v-a72aa574=""
                     class="el-col el-col-24 el-col-xs-24 el-col-sm-24 el-col-md-24 el-col-lg-24 el-col-xl-23"
                     style="padding-left: 12px; padding-right: 12px;">
                    <div data-v-a72aa574="" class="el-form-item el-form-item--small"><!---->
                        <div class="el-form-item__content" style="margin-left: 130px;">
                            <div data-v-a72aa574=""
                                 class="el-table el-table--fit el-table--scrollable-x el-table--enable-row-hover el-table--enable-row-transition el-table--small"
                                 style="width: 90%;">
                                <div class="hidden-columns">
                                    <div data-v-a72aa574=""></div>
                                    <div data-v-a72aa574=""></div>
                                    <div data-v-a72aa574=""></div>
                                    <div data-v-a72aa574=""></div>
                                    <div data-v-a72aa574=""></div>
                                    <div data-v-a72aa574=""></div>
                                    <div data-v-a72aa574=""></div>
                                    <div data-v-a72aa574=""></div>
                                    <div data-v-a72aa574=""></div>
                                </div>
                                <div class="el-table__header-wrapper">
                                    <table cellspacing="0" cellpadding="0" border="0" class="el-table__header"
                                           style="width: 720px;">
                                        <colgroup>
                                            <col name="el-table_6_column_48" width="80">
                                            <col name="el-table_6_column_49" width="80">
                                            <col name="el-table_6_column_50" width="80">
                                            <col name="el-table_6_column_51" width="80">
                                            <col name="el-table_6_column_52" width="80">
                                            <col name="el-table_6_column_53" width="80">
                                            <col name="el-table_6_column_54" width="80">
                                            <col name="el-table_6_column_55" width="80">
                                            <col name="el-table_6_column_56" width="80">
                                            <col name="gutter" width="0">
                                        </colgroup>
                                        <thead class="has-gutter">
                                        <tr class="">
                                            <th colspan="1" rowspan="1"
                                                class="el-table_6_column_48  is-center   is-leaf">
                                                <div class="cell">图片</div>
                                            </th>
                                            <th colspan="1" rowspan="1"
                                                class="el-table_6_column_49  is-center   is-leaf">
                                                <div class="cell">售价</div>
                                            </th>
                                            <th colspan="1" rowspan="1"
                                                class="el-table_6_column_50  is-center   is-leaf">
                                                <div class="cell">成本价</div>
                                            </th>
                                            <th colspan="1" rowspan="1"
                                                class="el-table_6_column_51  is-center   is-leaf">
                                                <div class="cell">原价</div>
                                            </th>
                                            <th colspan="1" rowspan="1"
                                                class="el-table_6_column_52  is-center   is-leaf">
                                                <div class="cell">库存</div>
                                            </th>
                                            <th colspan="1" rowspan="1"
                                                class="el-table_6_column_53  is-center   is-leaf">
                                                <div class="cell">商品编号</div>
                                            </th>
                                            <th colspan="1" rowspan="1"
                                                class="el-table_6_column_54  is-center   is-leaf">
                                                <div class="cell">重量（KG）</div>
                                            </th>
                                            <th colspan="1" rowspan="1"
                                                class="el-table_6_column_55  is-center   is-leaf">
                                                <div class="cell">体积(m³)</div>
                                            </th>
                                            <th colspan="1" rowspan="1"
                                                class="el-table_6_column_56  is-center   is-leaf">
                                                <div class="cell">所需兑换积分</div>
                                            </th>
                                            <th class="gutter" style="width: 0px; display: none;"></th>
                                        </tr>
                                        </thead>
                                    </table>
                                </div>
                                <div class="el-table__body-wrapper is-scrolling-left">
                                    <table cellspacing="0" cellpadding="0" border="0" class="el-table__body"
                                           style="width: 720px;">
                                        <colgroup>
                                            <col name="el-table_6_column_48" width="80">
                                            <col name="el-table_6_column_49" width="80">
                                            <col name="el-table_6_column_50" width="80">
                                            <col name="el-table_6_column_51" width="80">
                                            <col name="el-table_6_column_52" width="80">
                                            <col name="el-table_6_column_53" width="80">
                                            <col name="el-table_6_column_54" width="80">
                                            <col name="el-table_6_column_55" width="80">
                                            <col name="el-table_6_column_56" width="80">
                                        </colgroup>
                                        <tbody>
                                        <tr class="el-table__row">
                                            <td rowspan="1" colspan="1" class="el-table_6_column_48 is-center ">
                                                <div class="cell">
                                                    <div data-v-c9248516="" data-v-a72aa574="">
                                                        <div data-v-c9248516="" tabindex="0"
                                                             class="el-upload el-upload--picture-card"
                                                             style="width: 60px; height: 60px; line-height: 60px;"><i
                                                                data-v-c9248516="" class="el-icon-plus"></i></div>
                                                        <div data-v-c9248516="" class="el-dialog__wrapper"
                                                             style="display: none;">
                                                            <div role="dialog" aria-modal="true" aria-label="dialog"
                                                                 class="el-dialog"
                                                                 style="margin-top: 15vh; width: 35%;">
                                                                <div class="el-dialog__header"><span
                                                                        class="el-dialog__title"></span>
                                                                    <button type="button" aria-label="Close"
                                                                            class="el-dialog__headerbtn"><i
                                                                            class="el-dialog__close el-icon el-icon-close"></i>
                                                                    </button>
                                                                </div><!----><!----></div>
                                                        </div>
                                                        <div data-v-c9248516="" class="el-dialog__wrapper"
                                                             style="display: none;">
                                                            <div role="dialog" aria-modal="true" aria-label="图片素材库"
                                                                 class="el-dialog"
                                                                 style="margin-top: 15vh; width: 70%;">
                                                                <div class="el-dialog__header"><span
                                                                        class="el-dialog__title">图片素材库</span>
                                                                    <button type="button" aria-label="Close"
                                                                            class="el-dialog__headerbtn"><i
                                                                            class="el-dialog__close el-icon el-icon-close"></i>
                                                                    </button>
                                                                </div><!---->
                                                                <div class="el-dialog__footer"><span data-v-c9248516=""
                                                                                                     class="dialog-footer"><button
                                                                        data-v-c9248516="" type="button"
                                                                        class="el-button el-button--default el-button--small"><!---->
                                                                    <!----><span>取 消</span></button> <button
                                                                        data-v-c9248516="" type="button"
                                                                        class="el-button el-button--primary el-button--small"><!---->
                                                                    <!----><span>确 定</span></button></span></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </td>
                                            <td rowspan="1" colspan="1" class="el-table_6_column_49 is-center ">
                                                <div class="cell">
                                                    <div data-v-a72aa574="" class="el-input el-input--small">
                                                        <!----><input type="text" autocomplete="off"
                                                                      class="el-input__inner"><!----><!----><!---->
                                                        <!----></div>
                                                </div>
                                            </td>
                                            <td rowspan="1" colspan="1" class="el-table_6_column_50 is-center ">
                                                <div class="cell">
                                                    <div data-v-a72aa574="" class="el-input el-input--small">
                                                        <!----><input type="text" autocomplete="off"
                                                                      class="el-input__inner"><!----><!----><!---->
                                                        <!----></div>
                                                </div>
                                            </td>
                                            <td rowspan="1" colspan="1" class="el-table_6_column_51 is-center ">
                                                <div class="cell">
                                                    <div data-v-a72aa574="" class="el-input el-input--small">
                                                        <!----><input type="text" autocomplete="off"
                                                                      class="el-input__inner"><!----><!----><!---->
                                                        <!----></div>
                                                </div>
                                            </td>
                                            <td rowspan="1" colspan="1" class="el-table_6_column_52 is-center ">
                                                <div class="cell">
                                                    <div data-v-a72aa574="" class="el-input el-input--small">
                                                        <!----><input type="text" autocomplete="off"
                                                                      class="el-input__inner"><!----><!----><!---->
                                                        <!----></div>
                                                </div>
                                            </td>
                                            <td rowspan="1" colspan="1" class="el-table_6_column_53 is-center ">
                                                <div class="cell">
                                                    <div data-v-a72aa574="" class="el-input el-input--small">
                                                        <!----><input type="text" autocomplete="off"
                                                                      class="el-input__inner"><!----><!----><!---->
                                                        <!----></div>
                                                </div>
                                            </td>
                                            <td rowspan="1" colspan="1" class="el-table_6_column_54 is-center ">
                                                <div class="cell">
                                                    <div data-v-a72aa574="" class="el-input el-input--small">
                                                        <!----><input type="text" autocomplete="off"
                                                                      class="el-input__inner"><!----><!----><!---->
                                                        <!----></div>
                                                </div>
                                            </td>
                                            <td rowspan="1" colspan="1" class="el-table_6_column_55 is-center ">
                                                <div class="cell">
                                                    <div data-v-a72aa574="" class="el-input el-input--small">
                                                        <!----><input type="text" autocomplete="off"
                                                                      class="el-input__inner"><!----><!----><!---->
                                                        <!----></div>
                                                </div>
                                            </td>
                                            <td rowspan="1" colspan="1" class="el-table_6_column_56 is-center ">
                                                <div class="cell">
                                                    <div data-v-a72aa574="" class="el-input el-input--small">
                                                        <!----><input type="text" autocomplete="off"
                                                                      class="el-input__inner"><!----><!----><!---->
                                                        <!----></div>
                                                </div>
                                            </td>
                                        </tr><!----></tbody>
                                    </table><!----><!----></div><!----><!----><!----><!---->
                                <div class="el-table__column-resize-proxy" style="display: none;"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
        <div>商品图片:</div>
        <input type="file" id="u_browsefile">
        <div class="images_show" id="u_images_show"></div>
        <button data-v-a72aa574="" type="submit"
                class="el-button submission el-button--primary el-button--small">
            <span>保存</span>
        </button>
    </div>
</div>
<script>
    //多图上传 input file控件里指定multiple属性 e.target是dom类型
    $("#u_browsefile").change(function (e) {
        for (var i = 0; i < e.target.files.length; i++) {
            var file = e.target.files.item(i);
            //允许文件MIME类型 也可以在input标签中指定accept属性
            if (!(/^image\/.*$/i.test(file.type))) {
                continue;      //不是图片 就跳出这一次循环
            }
            //实例化FileReader API
            var freader = new FileReader();
            freader.readAsDataURL(file);
            freader.onload = function (e) {
                u_imagestr = e.target.result;
                var img = '<img src="' + e.target.result + '" width="200px" height="200px"/>';
                $("#u_images_show").empty().append(img);
            }
        }
    });

    //保存
    function create() {
        var base = new Base64();
        var images = base.encode(imagestr);

        var createparam = $('#createform').serializeArray();//返回json数据结构
        var param = JSON.stringify(createparam);

        $.ajax({
            type: "post",
            data: {param: param, images: images},//传递slid值
            url: projectpath + "/certificate/cjjl/save.do",
            dataType: "text",
            async: false,
            success: function (data) {
                //alert(data);
                location.reload();
            }
        })
    }
</script>